<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="renderer" content="webkit">
		<link href="../../css/bootstrap.min.css" rel="stylesheet">
		<link rel="stylesheet" href="../../js/jquery-easyui-1.4.4/themes/bootstrap/easyui.css">
		<link rel="stylesheet" href="../../js/jquery-easyui-1.4.4/themes/icon.css">
		<link rel="stylesheet" href="../../css/ext_icon.css">
		<script src="../../js/jquery-easyui-1.4.4/jquery.min.js"></script>
		<script src="../../js/bootstrap.min.js"></script>
		<script src="../../js/jquery-easyui-1.4.4/jquery.easyui.min.js"></script>
		<script src="../../js/jquery-easyui-1.4.4/locale/easyui-lang-zh_CN.js"></script>
		<script src="../../js/ext_jquery.js"></script>
		<script src="../../js/ext_easyui.js"></script>
		<script src="../../js/jquery.form.js"></script>
		<script src="../../js/My97DatePicker/WdatePicker.js"></script>
		<script src="../../js/Chart.min.js"></script>
		<script src="../../js/util.js"></script>
		<script src="../../js/ckeditor/ckeditor.js"></script>
		<link rel="stylesheet" href="../../css/style.css">
		<script src="../../js/main.js"></script>
		<title></title>
		<script>
			var dataGrid;
			$(function() {
				dataGrid = $('#datetable')
					.datagrid({
						url: '1-1.json', //请求地址
						fit: true, //自动补全
						fitColumns: false, //列是否自适应宽度
						striped: false, //隔行颜色
						collapsible: false, //是否可改变列宽
						singleSelect: true, //单一选中行
						border: true,
						pagination: true, //是否分页
						rownumbers: true, //是否显示行号列
						idField: 'id',
						pageSize: 10,
						pageList: [10, 20, 30, 40, 50],
						remoteSort: false, //是否通过远程排序
						nowrap: false, //是否强制不换行显示内容
						checkOnSelect: false,
						frozenColumns: [
							[{
								field: 'id',
								title: '订单号',
								width: 150,
								align: 'center',
								sortable: false
							}, {
								field: 'low6',
								title: '客户手机',
								width: 100,
								align: 'center',
								sortable: false
							}, {
								field: 'low2',
								title: '客户姓名',
								width: 100,
								align: 'center',
								sortable: false
							}]
						],
						columns: [
							[{
								field: 'low8',
								title: '订单总金额',
								width: 100,
								align: 'center',
								sortable: false,
								formatter: function(value, row, index) {
									return '1000.00';
								}
							}, {
								field: 'low5',
								title: '收件人',
								width: 100,
								align: 'center',
								sortable: false
							}, {
								field: 'low6',
								title: '收件人手机',
								width: 100,
								align: 'center',
								sortable: false
							}, {
								field: 'low3',
								title: '收件地',
								width: 150,
								align: 'center',
								sortable: false
							}, {
								field: 'low9',
								title: '下单时间',
								width: 150,
								align: 'center',
								sortable: false,
								formatter: function(value, row, index) {
									return '2016-05-19 10:09:36';
								}
							}, {
								field: 'low10',
								title: '订单状态',
								width: 100,
								align: 'center',
								sortable: false,
								formatter: function(value, row, index) {
									return '完成订单';
								}
							}, {
								field: 'action',
								title: '操作',
								width: 50,
								align: 'center',
								sortable: false,
								formatter: function(value, row) {
									var str = '';
									str += $
										.formatString(
											'<img onclick="once(\'{0}\');" src="{1}" title="明细"/>&nbsp;',
											row.id,
											'../../images/ext_icons/shield.png');
									return str;
								}
							}]
						]
					});
			});

			function once(id) {
				var url = "html/menu/5-1once.html";
				openTabs(url, '订单明细：' + id, 1);
			}
		</script>
	</head>

	<body>
		<table id="datetable"></table>
	</body>

</html>